<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:sec="http://www.springframework.org/security/facelets/tags"> 

	<h:head>
	    <f:facet name="first">
                <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	    	    <title><ui:insert name="titulo">Sistema de Pedidos Pedido Mary Jane</ui:insert></title>
	    </f:facet>
	    <h:outputStylesheet library="css" name="layout.css"/>
	    <style type="text/css">
                .ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;;
                }
                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
		</style>
	</h:head> 
 	
 	<div align="center">
 	
 		<p:layout id="pagina" style="min-width:90%;max-width:90%;min-height:640px;">	
 	
 			<p:layoutUnit position="north" size="50"> 
	    		<ui:insert name="titulo">
	    			<h3>Pedido MaryJane</h3>
	    		</ui:insert>
	    	</p:layoutUnit>
	 
	 	 	<p:layoutUnit position="center"> 
	        	<p:layout>
	        		<p:layoutUnit position="north" size="57">
	        			<div id="barra_menu">
    						<ui:insert name="barra_menu">
	    						<ui:include src="/restrito/menu_sistema.xhtml"/>
	   						</ui:insert>
	   					</div>
	        		</p:layoutUnit>
	        		
	        		<p:layoutUnit position="center">
	        			<div id="corpo" align="left">
	        				<ui:insert name="corpo">Aqui é onde acontece a mágica</ui:insert>
	        			</div>
	        		</p:layoutUnit>
	        	</p:layout>
	     	</p:layoutUnit> 

			<p:layoutUnit position="west" size="13%"> 
	     		<div id="esquerda">
	     			<ui:insert name="esquerda">
		        		Aqui é a esquerda
		        	</ui:insert>
		        </div>
	    	</p:layoutUnit>
	    	
	    	<p:layoutUnit position="east" size="13%"> 
	     		<ui:insert name="direita">
		        	Aqui é a direita
		        </ui:insert>
	    	</p:layoutUnit>
	                
	     	<p:layoutUnit position="south" size="50"> 
	     		<div id="direita" align="center">
		       		<ui:insert name="rodape">
	         			<ui:include src="/publico/rodape.xhtml"/>
	    			</ui:insert>
		        </div>
	    	</p:layoutUnit> 
	    </p:layout>
 	</div>
 	
</html>
